<template>
  <Header />
  <router-view v-slot="{ Component }">
    <Suspense>
      <component :is="Component"></component>
      <template #fallback> Loading... </template>
    </Suspense>
  </router-view>
  <Footer />
</template>

<script setup lang="ts">
import Header from "@/components/Header.vue";
import Footer from "./components/Footer.vue";
import { getCurrentInstance, ref } from "vue";
const app = getCurrentInstance();
</script>

<style scoped></style>
